<template>
  <div class="index">
    Index Page
    <ClientOnly>
      <div>这里的内容在客户端渲染</div>
      <template #fallback>
        <p>这里的内容会在服务器端渲染：Loading comments...</p>
      </template>
    </ClientOnly>
  </div>
</template>
<script setup>
// 3.设置head (这里的优先级比配置的高)
useHead({
  title: "useHead Index Page",
  meta: [
    {
      name: "keywords",
      content: "nuxt3 弘源科教 Index",
    },
  ],
});
</script>

<style>
.index {
  border: 1px solid red;
  margin: 10px;
}
</style>
